﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="organizarCuentas.aspx.cs" Inherits="BancoIdeal.secured.js.organizarCuentas" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Organizar mis cuentas
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script src="../scripts/util.js" type="text/javascript"></script>
    <script type="text/javascript">
    	var dirProductos = "/WS/Productos.asmx";
    	$( function () {
    	    loadingModal();
    	    LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetGruposClienteFull', OnErrorCall, OnSuccessCallGruposCliente );
    	} );

    	function OnSuccessCallGruposCliente( response ) {
    		response = eval( "( " + response.d + " )" );
    		var j = 0;
    		for ( var i = 0; i < response.length; i++ ) {
    			if ( response[i].IdGrupoCliente == -1 ) {
    				for ( j = 0; j < response[i].Produc.length; j++ ) {
    					if ( response[i].Produc[j].IdProducto == 2 || response[i].Produc[j].IdProducto == 1 ) {
    						$( "#CuentasAOrganizar" ).append( '<li id="btnCuentaA' + j + '" class="fondoCuentasMenu"><a class="cuentaDragable"><span><span>' + response[i].Produc[j].NombreProductoCliente + '</span></span></a><div class="contenidoCuenta" style="display:none"><div class="idProductoCliente">' + response[i].Produc[j].IdProductoCliente + '</div><div class="idSaldo">$' + response[i].Produc[j].Saldo + '</div><div class="idNombre" >' + response[i].Produc[j].NombreProductoCliente + '</div></div></li>' );
    					}
    				}
    			} else {
    				if ( response[i].Produc.length <= 0 ) {
    					if ( $( '.paginaOrganizarCuentas .sinGrupos' ).css( 'display' ) ) {
    						$( '.paginaOrganizarCuentas' ).html( '' );
    					}
    					crearGrupoCuentas( response[i].NombreDelGrupo, 'GrupoCuentas_' + response[i].IdGrupoCliente );
    				} else {
    					if ( response[i].Produc[0].IdProducto == 2 || response[i].Produc[0].IdProducto == 1 ) {
    						if ( $( '.paginaOrganizarCuentas .sinGrupos' ).css( 'display' ) ) {
    							$( '.paginaOrganizarCuentas' ).html( '' );
    						}
    						crearGrupoCuentas( response[i].NombreDelGrupo, 'GrupoCuentas_' + response[i].IdGrupoCliente );
    						for ( j = 0; j < response[i].Produc.length; j++ ) {
    							$( '#GrupoCuentas_' + response[i].IdGrupoCliente ).append( '<div id="cuenta" class="infoCuenta"><div class="iconTipoResumen iconoResumenTipoCuentas"></div><h3 class="tituloDeResumen"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProductoCliente + '</span></span></h3><div class="saldoGroupCuenta"><hgroup><h4 class="labelSaldo derecha noMargin marginRight7px"><span class="fondoAdicional"><span class="estiloTexto">Saldo disponible</span></span></h4><h2 class="saldoCuenta derecha noMargin marginRight7px">$' + response[i].Produc[j].Saldo + '</h2></hgroup></div></div>' );
    						}
    					}
    				}
    			}
    		}
    		InteraccionCuentas( 'cuentasGroup' );
    		ScrollToolFun();
    		OrganizarCuentas();
    		$( '.cargandoModal' ).dialog( 'close' );
    	}

    	function OnErrorCall( response ) {
    		alert( response.status + " " + response.statusText );
    	}
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
                        <span class="icono iconoCuentas48x">
                            &nbsp;
                        </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
    Cuentas
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="InfoScreen" runat="server">
    Aquí puedes crear grupos que permiten diferenciar y organizar tus productos.<br />
    <strong>Recuerda:</strong> debes crear al menos un grupo para organizar tus cuentas.
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="MoreInfoScreen" runat="server">
					<a href="#" class="verMasInfo">
						<span class="fondoAdicional">
							<span class="estiloTexto">
								mas información
							</span>
						</span>
					</a>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="SectionOptions" runat="server">
                <ul>
                    <li>
                        <a href="saldosMovimientos.aspx" class="opcionSeccion">
                            <span class="icono cuentas">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Saldos y movimientos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="solicitarProductos.aspx" class="opcionSeccion">
                            <span class="icono nuevo">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Abrir nueva cuenta
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="organizarCuentas.aspx" class="opcionSeccion ">
                            <span class="icono organizar">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Organizar cuentas
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Organizar Cuentas
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">
					<div id="organizarCuentas">
						<p>Arrastre su cuenta al grupo donde desea organizarla</p>
						<ul id="CuentasAOrganizar">
						</ul>                    
                  <a href="#" class="addGrupoCuenta" title="Agregar Nuevo Grupo">
							<span class="fondoAdicional">
                        	<span class="estiloTexto">
                            	Agregar Nuevo Grupo
                            </span>
							</span>
						</a>
					</div>
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="MainContent" runat="server">
                
                <div class="paginaOrganizarCuentas">
                    
                    <div class="cuentasGroup sinGrupos">
                    
                        <div class="cuentasTitle">
                        	<span>No tiene grupos activos</span>
                        </div>
                        <div class="grupoCuentasScroll dottedLine">         
                            
                            <div id="espacioVacioCuenta4" class="AreaNuevaCuenta fondoAlpaha30">
                                        <h3 class="tituloDeResumen colorGrisCCC">
                                            Debes crear un grupo para organizar tus cuentas.
                                        </h3>
                            </div>
                            
                        </div>
                    </div>
                
                </div>

</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="FooterWebPage" runat="server">
            <div id="saldosGroup" >
                    <div id="textoSaldosConsolidados" class="izquierda">
                    	<h4 class="textoConsolidado"><span class="filaHorizontal"><span>Saldo disponible</span></span></h4>
                    </div>
                    
                    <div id="saldoCuentas" class="derecha">
                        <h3 class="salMovMoneda">
                            <span class="consolidadoEuros"></span>
                            <span class="fondoAdicional"><span class="estiloTexto">$1'002'003.500</span></span>
                         </h3>
                    </div>
                </div>
</asp:Content>
<asp:Content ID="Content14" ContentPlaceHolderID="VentanasEmergentes" runat="server">
        <div id="dialogGrupos" class="dialog" title="Crear un nuevo grupo de cuentas">
	Escriba el nombre que desea aignar al nuevo grupo de cuentas.<br />
	<em class="alinearDerecha"><small>Recuerde que por ahora, los grupos no podrán ser eliminados.</small></em>
		<div class="formularioProductos">
			<table class="tablaProductos" width="100%" border="0" cellspacing="0" cellpadding="0">
            	<tr>
                    <td width="40%" valign="top" class="alinearDerecha labelsModal">Nombre del grupo:
                      </td>
                    <td valign="top" width="60%"><input type="text" id="nombreNuevoGrupo" name="nombreNuevoGrupo"/></td>
               </tr>
            </table>
    	</div>
        <menu type="toolbar">
      		<div class="controlBtn">
          		<ul>
                    <li> <a href="#" title="Crear Grupo" class="boton_26px backgroundVerde"><span class="displayB iconoAceptarVentana"><span class="ocultar">nuevo</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">eliminar Producto</span></span></a></li>
          		</ul>
        	</div>
		</menu>
        
  </div>
  <div id="eliminarDash" class="eliminarDash" title="Confirmar">
	    Esta Seguro que desea eliminar el grupo        
  </div>  
</asp:Content>
